* {
    margin: 0;
    padding: 0;
    font-family: '微软雅黑';
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

ul,
li,
dl,
dd {
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: inherit;
    cursor: pointer;
}

.clearfix::after {
    content: "";
    display: block;
    visibility: hidden;
    clear: both;
}
#header{
    background: #ffffff;
    .t{
        height: 38px;
        background:#f1f1f1;
        line-height: 38px;
        font-size: 17px;
        color:#050505;
        a{
            margin-left: 20px;
        }
        a:hover{
            color: #af1e1d;
        }
    }
    .logo{
        margin: 56px auto;
    }
}
.nav{
    background:#840100;
    font-size: 33px;
    color:#fdfdfd;
    height: 95px;
    .active{
        background: #640100 !important;
    }
    li{
        float: left;
        width: 20%;
        text-align: left;
        line-height: 95px;
        position: relative;
        &:hover{
            background: #640100;
        }
        &:hover .up{
            display: inline-block;
        }
        &:hover .down{
            display: none;
        }
        &:hover dl{
            display: block;
        }
        & a{
            text-align: center;
        }
        img{
            margin-left: 15px;
        }
        .up{
            display: none;
        }
        .up,.down{
            position: absolute;
            right: 10px;
            top: 50%;
            margin-top: -10px;
        }
        a{
            display: block;
            width: 100%;
            height: 100%;
        }
        dl{
            z-index: 9;
           position: absolute;
           top: 95px;
           left: 0;
           background: rgba(132, 1, 0, 0.8);
           width: 100%;
           display: none;
           dd{
               width: 100%;
                &:hover{
                    background: #640100;
                }
           }
        }
    }
}
#footer{
    background: #ffffff;
    margin-top: 70px;
    padding: 40px 0;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #3e3834;
    .container{
     border-top: 6px solid #af1e1d;
    }
    span{
        color: #af1e1d;
        cursor: pointer;
    }
}
.area{
    background: #fcf6ed;
    margin-bottom: 30px;
    li{
        width: 195px;
        float: left;
        padding: 16px 0;
        line-height: 30px;
        .fl{
            width: 17px;
            font-size: 17px;
            color: #af1e1d;
            position: relative;
            span{
                position: absolute;
                top: 50%;
                right: -12px;
                width: 1px;
                height: 36px;
                margin-top: -18px;
                background-color: #080808;
            }
        }
        .fr{
            font-size: 16px;
            color: #080808;
            width: 150px;
            margin-right: 5px;
            span{
                float: left;
                width: 33.333%;
            }
        }
        
    }
    .four{
        span{
            width: 50% !important;
        }
    }
}
.page-1{
    height: 440px;
    .fl{
        video{
            width: 670px;
            height: 440px;
        }
    }
    .fr{
        width: 478px;
        ul{
            li{
                position: relative;
                width: 478px;
                height: 59px;
                background-color: #fcf6ed;
                font-size: 15px;
                color: #af1e1d;
                font-weight: bold;
                margin-bottom: 15px;
                padding-top: 40px;
                span{
                    display: block;
                    position: absolute;
                    text-align: center;
                    width: 70px;
                    height: 25px;
                    background-color: #af1e1d;
                    color:#fff; 
                    font-size: 13px;
                    left: -10px;
                    top: 10px;
                    line-height: 25px;
                }
                p{
                    width: 80%;
                    font-size: 15px;
                    margin: 0px auto;
                    line-height: 20px;
                    height: 40px;
                    overflow: hidden;
                }
            }
        }
        dl{
            dd{
                width: 48%;
                background: #fcf6ed;
                height: 212px;
                i{
                    display: block;
                    width: 100%;
                }
                h1{
                    font-size: 11px;
                    color: #af1e1d;
                    text-align: center;
                    padding-top: 5px;
                    width: 90%;
                    margin: 0 auto;
                    line-height: 20px;
                    height: 40px;
                    overflow: hidden;
                }
            }
        }
    }
}
.title{
    position: relative;
    margin-top: 40px;
    border-bottom: 1px solid #f6f6f6;
    padding-bottom: 14px;
    padding-left: 20px;
    margin-bottom: 12px;
    span{
        top: 0;
        left: 0;
        position: absolute;
        width: 8px;
        height: 15px;
        background-color: #af1e1d;
    }
    b{
        font-size: 25px;
        color: #af1e1d;
    }
}
.list-1{
    width: 451px;
    border-radius: 5px;
    li{
        border:1px solid #f6f6f6;
        height: 150px;
        width: 100%;
        margin-bottom: 15px;
    }
    img{
        display: block;
    }
    .fr{
        width: 315px;
        margin-right: 10px;
        line-height: 23px;
        h1{
            font-size: 17px;
            color: #080808;
            margin: 15px 0;
        }
        p{
            font-size: 13px;
            color: #080808;
        }
    }
}
.list-2{
    width: 500px;
    margin-left: 10px;
    li{
        margin-bottom: 9px;
        font-size: 18px;
        span{
            width: 20%;
            color: #af1e1d;
        }
        .fr{
            width: 80%;
        }
    }
}
.btn-group{
    a{
        display: block;
        width: 48% !important;
        text-align: center;
        color:#fff;
        line-height: 52px;
        font-size: 17px;
        font-weight: bold;
    }
    .fl{
        width: 50%;
        height: 52px;
        background-color: #f1861c;
        border-radius: 5px;
    }
    .fr{
        width: 50%;
        height: 52px;
        background-color: #f1861c;
        border-radius: 5px;
    }
}
.list-3{
    width: 225px;
    height: 316px;
    background: #fcf6ed;
    h1{
        background:#e4d6c0;
        height: 53px;
        line-height: 53px;
        text-align: center;
        font-size: 20px;
        color: #af1e1d;
    }
    ul{
        li{
            width: 60px;
	height: 60px;
    background-color: #ee745a;
    float: left;
    border-radius: 50%;
    font-size: 14px;
    color:#fff;
    font-weight: bold;
    line-height: 60px;
    text-align: center;
    margin:30px 7px;
        }
    }
}
.b1{
    background: #ee745a !important;
}
.b2{
    background: #da5947 !important;
}
.b3{
    background: #c43a32 !important;
}
.title-2{
    margin: 50px auto;
    b{
        font-size: 25px;
        color: #af1e1d;
        text-align: center;
        width: 200px;
    }
    span{
        display: block;
        width: 499px;
        height: 8px;
        background-color: #af1e1d;
        margin-top: 13px;
    }
}
.page-3{
    .f1{
        img{
            display: block;
            float: left;
        }
        width: 217px+205px;
        border: solid 1px #f6f6f6;
        margin-right: 10px;
        h1{
            font-size: 14px;
            color: #080808;
            margin: 20px 0;
        }
        p{
            color: #080808;
            font-size: 12px;
        }
        .fr{
            width: 180px;
            margin-right: 10px;
        }
    }
    .f2{
        width: 470px;
        dd{
        border: solid 1px #f6f6f6;
        width: 133px;
        height: 137px;
            float: left;
            margin-right: 20px;
        }
       h1{
        font-size: 12px;
        color: #080808;
        text-align: center;
        width: 60%;
        margin: 0 auto;
        font-weight: normal;
        margin-top: 5px;
       }
    }
    .f3{
        width: 290px;
        border: solid 1px #f6f6f6;
        margin-top: 13px;
        height: 124px;
        position: relative;
        .top{
            position: absolute;
            width: 80px;
            height: 30px;
            line-height: 25px;
            background-color: #af1e1d;
            color:#fff;
            text-align: center;
            display: block;
            font-size: 12px;
            left: 0;
            top: -13px;
        }
        ul{
            margin-top: 25px;
        }
        .red{
            color:#af1e1d;
            margin-right: 15px;
        }
        li{
            height: 33px;
            width: 90%;
            margin: 0 auto;
            font-size: 14px;
        }
    }
}

.grey{
    color: #787878;
}
.page-4{
    ul{
        li{
            float: left;
            position: relative;
            margin-right: 21.5px;
            margin-bottom: 22px;
            &:hover h1{
                display: block;
            }
            img{
                display: block;
                width: 100%;
            }
            h1{
                display: none;
                position: absolute;
                bottom: 0;
                left: 0;
                background: rgba(0, 0, 0, 0.5);
                color:#fff;
                text-align: center;
                font-size: 14px;
                width: 100%;
                height: 21px;
                font-weight: normal;
            }
        }
    }
}
.page-5{
    .page-5-l{
        width: 188px;
        border: solid 1px #f6f6f6;
        li{
            width: 100%;
            height: 46px;
            line-height: 46px;
            font-size: 22px;
            color: #3e3834;
            text-align: center;
            border-bottom: solid 1px #f6f6f6;
            cursor: pointer;
            position: relative;
        }
        em{
            display: none;
            border-color: transparent    transparent transparent #af1e1d;
            border-width: 8px;
            border-style: solid;
            position: absolute;
            right: -16px;
            top: 50%;
            margin-top: -8px;
        }
    }
    .active{
        background-color: #af1e1d;
        color:#fff !important;
        em{
            display: block;
        }
    }
    .page-5-r{
        width: 994px;
        height: 559px;
        border: solid 1px #f6f6f6;
        ul{
            width: 100%;
            margin: 20px auto;
            li{
                width: 114px;
                position: relative;
                margin: 14px;
                img{
                    display: block;
                    width: 100%;
                }
                &:hover h1{
                    display: block;
                }
                h1{
                    display: none;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    background: rgba(0, 0, 0, 0.5);
                    color:#fff;
                    text-align: center;
                    font-size: 14px;
                    width: 100%;
                    height: 21px;
                    font-weight: normal;
                }
            }
        }
    }
}

.page-6{
    ul{
        li{
                margin-right: 36px;
            float: left;
            padding-bottom: 10px;
            width: 374px;border: solid 1px #af1e1d;
            h1{
                height: 81px;
                background-color: #af1e1d;
                line-height: 81px;
                color:#fff;
                text-align: center;
            }
            .photo{
                width: 90%;
                margin:30px auto;
                border-bottom: 1px dashed #3e3834;
                padding-bottom: 20px;
                .fr{
                    width: 200px;
                    line-height: 20px;
                    h2{
                        margin-top:10px;
                        margin-bottom:20px;
                        font-size: 21px;
                        color:#af1e1d;
                    }
                }
               
            }
            .content{
                width: 90%;
                margin:0 auto;
                color: #3e3834;
                line-height: 25px;
            }
        }
    }
}
.page-7{
    margin-top: 50px;
    position: relative;
    background: #fff;	border: solid 1px #af1e1d;
    span{
        width: 144px;
        height: 55px;
        background-color: #af1e1d;
        display: block;
        text-align: center;
        line-height: 55px;
        font-size: 18px;
        color:#fff;
        position: absolute;
        top: -20px;
        left:20px;
    }
    div{
        padding:30px;
        padding-top: 55px;
        a{
            font-size: 18px;
            color: #3e3834;
            line-height: 30px;
        }
    }
}
.page-8{
    position: relative;
    padding: 50px 0;
    margin-top: 60px;border: solid 1px #af1e1d;
    span{
        padding: 25px 0;
        width: 52px;
        background-color: #af1e1d;
        display: block;
        text-align: center;
        color:#fff;
        position: absolute;
        top:50%;
        margin-top: -134px/2;
        left:-26px;
    }
    ul{
        width: 95%;
        float: right;
    }
    li{
        float: left;
        width: 20%;
        margin:0 2%;
        img{
            width: 100%;
        }
    }
}
.find-screen{
    background:#e6e6e6;
    border: solid 1px #e6e6e6;
    margin-bottom: 30px;
    .label{
        width: 130px;
        text-align: right;
        padding-right: 20px;
        line-height: 54px;
    }
    ul{
        li{
            float: left;
            border: solid 1px #840100;
            padding:5px 10px;
            border-radius: 5px;
            margin: 13px;
            font-size: 13px;
            color: #666;
            cursor: pointer;
        }
    }
    input{
        width: 853px;
	height: 30px;
	background-color: #fafafa;
    border: solid 1px #e6e6e6;
    color:#666666;
    font-size: 13px;
    margin-left: 15px;
    margin-top: 10px;
    text-indent: 1em;
    }
    .t{
        border-bottom: solid 1px #e6e6e6;
    }
    .r{
        width: 1048px;
        background: #fafafa;
        min-height: 54px;
    }
}
.title-3{
    font-size: 15px;
    color:#666;
    border-bottom: 1px solid #af1e1d;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.red{
    color:#af1e1d !important;
}
.find-list{
    li{
        float: left;
        width: 50%;
        margin-bottom: 35px;
        i{
            width: 159px;
            img{
                width: 100%;
            }
        }
        p{
               font-size: 15px;
               color:#666;
               margin-bottom: 7px;
               width: 95%;
               overflow: hidden;
               text-overflow: ellipsis;
               white-space: nowrap;
        }
    }
}
.page{
    margin-top: 50px;
    .active{
        text-decoration: underline !important;
    }
    ul{
        text-align: center;
    }
    .red{
        font-size: 20px;
        font-family:"宋体";
    }
    input{
        width: 60px;
        height: 30px;
        border:1px solid #ddd;
    }
    li{
        display: inline-block;
        cursor: pointer;
        min-width: 25px;
        height: 25px;
        text-align: center;
        &:hover{
            text-decoration: underline;
        }
    }
}
.mb{
    margin: 30px auto;
    span,a{
        padding: 0 5px;
    }
}
.form{
	background-color: #ffffff;
    border: solid 1px #840100;
    .form-t{
        height: 54px;
        background-color: #840100;
        color:#fff;font-size: 15px;
        line-height: 54px;
        text-indent: 1em;
    }
    dl{
        width: 930px;
        margin:30px auto;
        dd{
            float: left;
            width: 226px;
            height: 30px;
            margin-bottom: 35px;
          
            input{
                width: 127px;
                height: 30px;
                background-color: #fafafa;
                border: solid 1px #e6e6e6;
            }
        }
    }
    .li{
        width: 930px;
        margin: 0 auto;
        margin-bottom: 30px;
        textarea{
            width: 805px;
            height: 139px;
            background-color: #fafafa;
            resize: none;
            border: solid 1px #e6e6e6;
        }
    }
}
.label{
    font-size: 15px;
    color: #666;
    width: 95px;
    text-align: right;
    line-height: 30px;
}
.submit{
    width: 204px;
	height: 49px;
	background-color: #840100;
    border-radius: 5px;
    border:0;
    margin: 0 auto;
    display: block;
    color:#fff;
    border-radius: 0;
    margin-bottom: 30px;
    font-size: 15px;
}

.detail{
    background: #ffffff;
    margin: 30px 0;
    padding-top: 45px;
    padding-bottom: 50px;
    &>.fl{
        width: 450px;
        margin-left: 100px;
        margin-right: 50px;
    }
    &>.r{
        width: 400px;
        h1{
            font-size: 25px;
            margin-bottom: 25px;
        }
        p{
            font-size: 15px;
            margin-bottom: 40px;
        }
    }
    .cover{
        width: 450px;
    }
    .tab-list{
        li{
            float: left;
            width: 73px;
            height: 72px;	background-color: #f6f6f6;
            margin-right: 21px;
            overflow: hidden;
            margin-bottom: 20px;
            margin-top: 20px;
            cursor: pointer;
            img{
                width: 100%;
            }
        }
    }
    .share{
        line-height: 35px;
        span{
            margin-right: 20px;
        }
        img{
            vertical-align: middle;
        }
    }
}
.detail-b{
    &>.fl{
        width: 762px;
	height: 185px;
    background-color: #ffffff;
        p{
            margin: 20px;
            font-size: 15px;
        }
    }
    &>.fr{
        width: 418px;
        height: 185px;
        background-color: #ffffff;
        font-size: 15px;
        &>.clearfix{
            width: 90%;
            margin: 15px auto;
            span{
                width: 100px;
            }
            .fr{
                width: 262px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
        }
    }
}
.title-4{
    font-size: 30px;
    color:#840100;
        border-bottom: 2px solid #840100;
        text-align: center;
    margin-top: 50px;
    p{
        border-bottom: 10px solid #840100;
        margin-bottom: 10px;
        padding-bottom: 30px;
        margin-top: 30px;
    }
   
} .vip-container{
    &>.fl{
        width: 750px;
        h1{
            font-size: 25px;
            font-weight: normal;
            color: #302f2f;
            margin-bottom: 10px;
        }
        h2{
            margin-bottom: 50px;
            font-weight: normal;
            color: #302f2f;
            font-size: 15px;
        }
        p{
            font-size: 15px;
            color:#302f2f;
        }
    }
    &>.fr{
        border-top: 10px solid  #840100;
        .bb{
        border: solid 1px #cfcdcd;
        background-color: #fafafa;
        margin-bottom: 30px;
        }
        .t{
            height: 50px;
            line-height: 50px;
            width: 95%;
            margin: 0 auto;	border-bottom: solid 1px #cfcdcd;
            margin-bottom: 20px;
        }
        li{
            width: 95%;
            margin: 0 auto;	
            color: #302f2f;
            font-size: 15px;
            margin-bottom: 30px;
        }
    }
}

.board-container{
    background-color: #ffffff;
    border: solid 1px #840100;
    .t{
        width: 1199px;
        height: 54px;
        background-color: #840100;
        line-height: 54px;
        color:#fff;
    }
    .aa{
        li{
            width: 1167px;
            min-height: 156px;
            background-color: #ffffff;
            border: solid 1px #840100;
            margin: 15px auto;
            color: #434242;
            font-size: 15px;
            h5{
                margin: 25px;
            }
            p{
                width: 90%;
                margin: 0 auto;
                margin-bottom: 30px;
            }
            .fr{
                color:#666;
                margin-right: 10px;
            }
        }
    }
}
.news-tab{
    border-bottom: 1px solid #840100;
    margin-bottom: 30px;
    li{
        float: left;
        width: 92px;
        height: 31px;
        line-height: 31px;
        text-align: center;
    }
    .active{
        background-color: #840100;
    border-radius: 5px 5px 0px 0px;
    color:#fff;
    }
}
.news-list{
    .fl{
        li{
            border-bottom: 1px solid #eee;
            padding-bottom: 20px;
            margin-top: 20px;
            h1{
                font-size: 18px;
                color: #033165;
                font-weight: bold;
            }
            p{
                margin-top: 16px;
            }
        }
        .title-5{
            margin-top: 20px;
            border-bottom: 1px solid #840100;
            height: 30px;
            line-height: 30px;
            margin-bottom: 10px;
            img{
                line-height: 30px;
                vertical-align: middle;
                position: relative;
                top: -2px;
            }
            .fl{
                color:#999;
                font-size: 15px;
                
            }
            .fr{
                color:#234c7a;
               
            }
        }
    }
    &>.fr{
        border:0;
        h2{
            margin: 20px 0;
            padding-top: 17px;
            font-size: 18px;
            color: #840100;
            border-top: 1px solid #840100;
        }
        img{
            display: block;
        }
        .ll{
            padding: 10px 0;
            background-color: #f3f3f3;
            h3{
                color: #033165;
                margin-bottom: 30px !important;
            }
            h3,dl{
                width: 95%;
                margin: 10px auto;
                font-size: 19px;
                dd{
                    color:#666;
                    margin-bottom: 20px;
                    font-size: 18px;
                }
            }
        }
    }
}
.more{
    font-size: 18px;
    color: #666666;
    margin-top: 30px;
    display: inline-block;
}
.center{
    text-align: center;
}

#scroll{
    width: 42px;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -100px;
    z-index: 99;
    li{
        background: #840100;
        height: 42px;
        margin-bottom: 5px;
        text-align: center;
        line-height: 42px;
        cursor: pointer;
        position: relative;
        &:hover .l{
            display: block;
        }
        .l{
            display: none;
            position: absolute;
            width: 250px;
            background: #fff;
            left: -252px;
            top: 0;
            border:1px solid #007cc3;
            color:#333;
            font-size: 14px;
            line-height: 30px;
            padding: 15px 0;
            img{
                margin-left: 10px;
                margin-right: 10px;
            }
            .fl{
                div{
                    text-align-last: left;
                }
            }
        }
        img{
            vertical-align: middle;
        }
        &:hover{
            background: #007cc3;
        }
    }
}